<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //变量 属性 函数 方法的区别

        //1.变量和属性的相同点 都是用来存储数据的
        var num = 10;
        console.log(num); //10
        var obj = {
            age: 18
        }
        console.log(obj.age); //18
        console.log(obj['age']); //18
        //不同点:
        //变量 单独声明并赋值 使用的时候直接写变量名 单独存在
        //属性 存在于对象中 不需要var声明  使用的时候必须是 对象.属性 或者 对象['属性']

        //2.函数和方法的相同点 都是实现某种功能 做某件事
        console.log(num); //10
        var obj = {
            age: 18,
            sayfn: function() { //方法
                console.log('hi');
            }
        }
        obj.sayfn(); //方法调用

        function fn() { //函数

        }
        fn(); //函数调用
        // 函数 是单独声明 并且调用的是 函数名()   函数是单独存在的
        // 方法 在对象里面 调用的时候是 对象.方法()
    </script>
</head>

<body>

</body>

</html>